<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <div class="all">
    <div class="allChild">
      <div class="nav">
        <div class="navValue">
          <div class="navValueHeader">
            <img src="image/创可贴.png" alt="">
          </div>
          <div class="navValueBody">
            <div>
              <img src="image/人员图标.png" alt="">
              <span>Patients</span>
            </div>
            <div class="data">
              <img src="image/数据(白色).png" alt="">
              <span>Overview</span>
            </div>
            <div>
              <img src="image/今日任务.png" alt="">
              <span>Histories</span>
            </div>
            <div>
              <img src="image/时钟 实心.png" alt="">
              <span>Appoinments</span>
            </div>
            <div>
              <img src="image/齿轮.png" alt="">
              <span>Setting</span>
            </div>
          </div>
        </div>
        <div class="navFoot">
          <img src="image/电话.png" alt="">
        </div>
      </div>
      <div class="value">
        <div class="valueNav">
          <div class="search">
            <input type="text">
            <img src="image/查找.png" alt="">
          </div>
          <div class="btnAdd">
            <div>
              + Add patient
            </div>
          </div>
        </div>
        <div class="valueHeader">
          <div class="drug">     
            <div class="drugTitle">
              Hi,Jennifer!
            </div>
            <div class="drugValue">
              You've been doing your whole work plan for the last two months.Way to go
              &nbsp;<img src="image/点赞.png" alt="" class="giveUp">
            </div>
          </div>
          <div class="btn3">
            <div class="btnValue">
              <div class="btnTitle">
                +11
              </div>
              <div>
                reviews
              </div>
            </div>
            <div class="btnImg">
              <img class="img" src="image/3.png" alt="">
            </div>
          </div>
          <div class="btn4">
            <div class="btnValue">
              <div class="btnTitle">
                +78
              </div>
              <div>
                patients
              </div>
            </div>
            <div class="btnImg">
              <img class="img" src="image/4.png" alt="">
            </div>
          </div>
        </div>
        <div class="valueBody">
          <div class="valueBodyTitle">
            Pantient anslytics
          </div>
          <div class="valueBodyValue">
            <div class="valueBodyDiv">
              <div>
                <img src="image/心率.png" alt="">
              </div>
              <span>Appoinments today</span>
            </div>
            <div class="valueBodyDiv">
              <div>
                <img src="image/人员.png" alt="">
              </div>
              <span>New patients 125 for the month</span>
            </div>
            <div class="valueBodyDiv">
              <div>
                <img src="image/任务清单.png" alt="">
              </div>
              <span>Total patients 2000+</span>
            </div>
          </div>
        </div>
        <div class="valueFoot">
          <div class="valueFootLeft">
            <div class="valueFootLeftNav">
              <div class="valueFootLeftNavTitle">
                This week's analytics overview
              </div>
              <div>
                <img src="image/条形图.png" alt="">
                <img src="image/线条.png" alt="">
              </div>
            </div>
            <div class="valueFootLeftValue">
              <ul>
                <li>25</li>
                <li>20</li>
                <li>15</li>
                <li>5</li>
                <li>0</li>
              </ul>
              <img src="image/2.png" alt="">
            </div>  
            <div class="valueFootLeftFoot">
              <ul class="date">
                <li>Mon</li>
                <li>Tue</li>
                <li>Wed</li>
                <li>Thu</li>
                <li>Fri</li>
                <li>Sat</li>
                <li>Sun</li>
              </ul>
            </div>
          </div>
          <div class="valueFootRight">
            <div class="valueFootRightNav">
              <span>Progress</span>
              <img src="image/刷新.png" alt="">
            </div>
            <div class="valueFootRightValue">
              <img src="image/1.png" alt="">
            </div>
            <div>
              <div class="valueFootRightItem"><span class="circle one"></span>Health</div>
              <div class="valueFootRightItem"><span class="circle two"></span>Continue treatment</div>
              <div class="valueFootRightItem"><span class="circle three"></span>Neutral</div>
            </div>
          </div>
        </div>
      </div>
      <div class="index">
        <div class="indexNav">
          <img src="image/叉叉.png" alt="">
          <img src="image/更多.png" alt="">  
        </div>
        <div class="indexHeader">
          <img src="image/头像.png" alt="">
          <div class="name">Jennifer Turner</div>
          <div class="label">Cardiologist</div>
        </div>
        <div class="indexBody">
          <div class="indexBodyHeader">
            <span>Next event</span>
            <span>+ Add</span>
          </div>
          <div class="indexBodyBody">
            <div>
              <img src="image/相机.png" alt="">
            </div>
            <div>
              <div style="font-weight: 600;">Medical conFerence May 5 - 11:00 AM</div>
              <div class="indexLabel">USA Houston</div>
            </div>
          </div>
        </div>
        <div class="indexFoot">
          <span style="font-weight:600">Next notifications</span>
          <fieldset class="end">
            <legend><img src="image/5.png" alt=""></legend>
            <span>The patient will come to you in 5 minutes</span>
          </fieldset>
        </div>
      </div>
    </div>
  </div>
</body>
</html>